const { defineConfig } = require("@vue/cli-service");
const path = require("path");
module.exports = defineConfig({
  transpileDependencies: true,
	devServer: {
		client: {
			overlay: false,
		}, proxy: {
      // 匹配所有以 /api 开头的请求（可自定义前缀）
      '/api': {
        target: 'http://125.39.77.18:9021', // 后端服务器地址
        changeOrigin: true, // 开启跨域代理（关键）
        pathRewrite: {
          // 重写路径：去掉 /api 前缀（因为后端接口可能没有 /api）
          '^/api': ''
        }
      }
    }
	},
  chainWebpack: (config) => {
    // 修改默认的svg配置，排除src/assets/icons目录下的svg文件
    config.module
      .rule("svg")
      .exclude.add(path.resolve(__dirname, "src/assets/icons"))
      .end();

    // 添加一个新的规则，用于处理src/assets/icons目录下的svg文件
    config.module
      .rule("icons")
      .test(/\.svg$/)
      .include.add(path.resolve(__dirname, "src/assets/icons"))
      .end()
      .use("svg-sprite-loader")
      .loader("svg-sprite-loader")
      .options({
        symbolId: "icon-[name]", // 指定svg的symbolId
      })
      .end();
  },
});
